<script>
    /*
      操作DOM元素核心两大步：
        1. 先找到要操作的元素节点
          通过ID找：document.getElementById()
          通过类名找：document.getElementsByClassName()
          通过标签名找：document.getElementsByTagName()
          通过css选择器找: 
              找单个：document.querySelector()
              找多个：document.querySelectorAll()
        2. 后对节点进行操作
         2-1: 内容操作 
              双标签：innerText/innerHTML。 如div、li、span、a
              表单标签: value。如input
         2-2：样式操作： 
              style行内样式、
              class类名: classList.add()/remove()/replace()
         2-3：属性操作: set/get/remove/Attribute()
         2-4：绑定事件操作（单击、鼠标悬浮离开，获取焦点和失去焦点）、事件对象（event）
         2-5：删除、新增节点操作等
      */
</script>